<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算逻辑和侦听器</title>
    <script src="plugins/vue.js"></script>
    <script src="plugins/axios.min.js"></script>
    <script src="plugins/lodash.min.js"></script>
</head>
<body>
<div id="example">
    <p>Original message: "{{ message }}"</p>
    <p>Computed reversed message: "{{ reversedMessage() }}"</p>
    <p>current time: "{{ now }}"</p>
</div>
<!--计算属性-->
<div id="demo">{{ fullName }}:{{firstName}},{{lastName}}</div>
<!--侦听器-->
<div id="watch-example">
    <p>
        Ask a yes/no question:
        <input v-model="question">
    </p>
    <p>{{ answer }}</p>
    <img :src="imgUrl" />
</div>
</body>
<script src="js/computed.js"></script>
</html>